<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2022/2/27
  Time: 14:35
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>注册页面</title>
    <script src="${pageContext.request.contextPath}/jquery-3.6.0.js"></script>
    <script>
        //做一个判断：判断当前是否有用户名为张三的用户
        //如果有，则显示在span里面，显示用户已存在：如果没有则显示用户名可以使用
        //jquer的入口函数
        $(function (){
//给用户名的input框增加失去焦点事件
            $("#username").blur(function (){
                //获取到input框输入的值
                var val = $("#username").val();
                //发送请求，与后台进行判断
                $.get(
                     "/ServletZhuce",  //跳转到对应的Servlet
                {username.val()},//请求函数
                //成功的回调函数
                function (result){
                         $("span").html();
                }
            );
            });
        })

    </script>
</head>
<body>
<form>
<input type="text" name="username"><span></span>
<input type="submit" value="注册">
</form>
</body>
</html>
